.is-hovering {
	box-shadow: none !important;
}

/**
*  date-picker
*/
// input框
.el-date-editor {
	// width: 800px !important;
	// height: 80px !important;
	.el-input__wrapper {
		background-color: #000 !important;
		.el-input__inner {
			color: rgba(0, 142, 255, 1);
		}
		.el-icon.el-input__icon {
			color: rgba(0, 142, 255, 1);
		}
		.el-input__inner::placeholder {
			color: rgba(255, 255, 0, 0.51);
		}
		box-shadow: none;
		&:hover {
			box-shadow: 0 0 0 1px rgba(0, 142, 255, 1) inset;
		}
	}
}

.el-pagination {
	justify-content: flex-end;
	margin-top: 10px;
	.el-pagination__total {
		color: #fff;
	}
}

//选择日期整个面板
.el-popper.is-pure.is-light.el-picker__popper {
	background-color: #000;
	.el-popper__arrow::before {
		background-color: #000;
		border: #000;
	}
}
.el-date-picker.el-picker-panel {
	background-color: #000;
}
.el-picker__popper {
	border: none !important;
}
//年
.el-year-table {
	.cell {
		&:hover {
			color: rgba(0, 142, 255, 1) !important;
		}
	}
	.available.today {
		.cell {
			color: rgba(0, 142, 255, 1) !important;
		}
	}
	.available.current {
		.cell {
			background-color: rgba(255, 255, 0, 0.218) !important;
		}
	}
}
//月
.el-month-table {
	.cell {
		&:hover {
			color: rgba(0, 142, 255, 1) !important;
		}
	}
	.today {
		.cell {
			color: rgba(0, 142, 255, 1) !important;
		}
	}
	.current {
		.cell {
			background-color: rgba(255, 255, 0, 0.218) !important;
		}
	}
}
//头部按钮
.el-date-picker__header {
	&.el-date-picker__header--bordered {
		border-color: rgba(0, 142, 255, 1);
	}

	button {
		color: rgba(0, 142, 255, 1);
		&:hover {
			color: red;
		}
	}
	.el-date-picker__header-label {
		color: rgba(0, 142, 255, 1);
		&:hover {
			color: red;
		}
	}
}
//星期
.el-date-table {
	tbody {
		th {
			color: rgba(0, 142, 255, 1);
			border-color: rgba(0, 142, 255, 1);
		}
	}
}
// 当月
.available {
	color: #fff;
	&:hover {
		color: rgba(0, 142, 255, 1) !important;
	}
}
//当前选中
.available.current .el-date-table-cell__text {
	background-color: rgba(255, 255, 0, 0.351) !important;
}
//当天today
.available.today .el-date-table-cell__text {
	color: rgba(0, 142, 255, 1) !important;
}
//上个月
.prev-month {
	.el-date-table-cell__text {
		color: rgba(0, 142, 255, 1);
	}
}
//下个月
.next-month {
	.el-date-table-cell__text {
		color: rgba(0, 142, 255, 1);
	}
}
//日期时间选择器
.el-picker-panel__footer {
	background-color: #000 !important;
	border-color: rgba(0, 142, 255, 1) !important;
	.is-text {
		&:hover {
			background-color: rgba(255, 255, 0, 0.471) !important;
		}

		color: #fff !important;
	}
	.is-plain {
		color: rgba(0, 142, 255, 1) !important;
		background-color: rgba(255, 255, 0, 0.461) !important;
		border: none;
	}
}
//日期时间起始选择器
.el-date-editor--datetimerange {
	background-color: #000 !important;
	box-shadow: none !important;
	.el-input__icon {
		color: rgba(0, 142, 255, 1) !important;
		font-size: 35px !important;
	}
	.el-range-input {
		// font-size: 35px;
	}
	.el-range-input::placeholder {
		color: rgba(255, 255, 0, 0.427) !important;
		// font-size: 35px !important;
	}
	.el-range-separator {
		color: rgba(0, 142, 255, 1) !important;
	}
}
.el-date-range-picker__time-header {
	background-color: #000;
	border-color: rgba(0, 142, 255, 1) !important;
	.el-input__wrapper {
		background-color: #000;
	}
	.el-input__inner {
		color: rgba(0, 142, 255, 1) !important;
	}

	.el-input__wrapper {
		box-shadow: 0 0 0 1px rgba(0, 142, 255, 1) inset !important;
		background-color: #000 !important;
	}
	.el-input__wrapper.is-focus {
		box-shadow: 0 0 0 1px rgba(0, 142, 255, 1) inset;
	}
}
//只选中起始时间情况下
.el-input.is-disabled .el-input__inner {
	-webkit-text-fill-color: rgba(0, 142, 255, 1) !important;
}
.el-date-picker__editor-wrap {
	.el-input__wrapper {
		background-color: #000;
		box-shadow: 0 0 0 1px rgba(0, 142, 255, 1) inset;
		.el-input__inner {
			color: rgba(0, 142, 255, 1);
			&::placeholder {
				color: rgba(255, 255, 0, 0.592);
			}
		}
	}
	.el-input__wrapper.is-focus {
		box-shadow: 0 0 0 1px rgba(0, 142, 255, 1) inset !important;
	}
}
.el-input__wrapper {
	box-shadow: 0 0 0 1px rgba(0, 142, 255, 1) inset !important;
}
.el-date-picker__time-header {
	border-color: rgba(0, 142, 255, 1) !important;
}
/**
*el-date-range-picker
*/
//
.el-date-editor.el-date-editor--daterange.el-input__wrapper.el-range-editor.el-tooltip__trigger.el-tooltip__trigger {
	background-color: #000 !important;
	box-shadow: none;
	.el-range__icon {
		color: rgba(0, 142, 255, 1) !important;
		// font-size: 35px;
	}
	.el-range__close-icon {
		color: rgba(0, 142, 255, 1) !important;
		// font-size: 35px;
	}
	.el-range-separator {
		color: rgba(0, 142, 255, 1) !important;
		// font-size: 35px;
	}
	.el-range-input {
		color: rgba(0, 142, 255, 1) !important;
		// font-size: 35px;
		height: 100%;
		&::placeholder {
			color: rgba(255, 255, 0, 0.573);
		}
	}
}
//头部
.el-date-range-picker__header {
	button {
		color: rgba(0, 142, 255, 1);
	}
	& > div {
		color: rgba(0, 142, 255, 1);
	}
}
//整个面板
.el-picker-panel {
	transform: scale(1.4) translateY(50px);
}
.el-date-range-picker {
	//分割线
	.el-picker-panel__content.is-left {
		border-color: rgba(0, 142, 255, 1);
	}
	// 内容
	.el-picker-panel__content {
		background-color: #000;
		//选中范围
		.available.in-range > .el-date-table-cell {
			background-color: rgba(255, 255, 0, 0.261);
		}
		.available.in-range.start-date .el-date-table-cell__text {
			background-color: rgba(255, 0, 0, 0.317);
		}
		.available.in-range.end-date .el-date-table-cell__text {
			background-color: rgba(255, 0, 0, 0.317);
		}
	}
}

/**
*   el-time-panel
*/
//日期时间选择器面板
.el-time-panel {
	background-color: #000 !important;
	border-color: rgba(0, 142, 255, 1) !important;
}
//时间选择器
.el-date-editor--time .el-input__wrapper:hover {
	box-shadow: none;
}
.el-date-editor--time .el-input__wrapper.is-focus {
	box-shadow: none;
}
.el-time-panel {
	.el-time-spinner__item {
		color: rgba(255, 255, 0, 0.534);
		&:hover {
			background-color: rgba(255, 255, 0, 0.534) !important;
		}
	}
	.el-time-spinner__item.is-active {
		color: rgba(0, 142, 255, 1) !important;
	}
	//选中时间上下border
	.el-time-panel__content.has-seconds::before {
		border-color: rgba(0, 142, 255, 1);
	}
	//底部
	.el-time-panel__footer {
		border-color: rgba(0, 142, 255, 1);
		.el-time-panel__btn.cancel {
			color: #fff;
		}
		.el-time-panel__btn.confirm {
			color: rgba(0, 142, 255, 1);
		}
	}
}
/*滑块*/
.volume-slider {
	.el-slider__button {
		position: absolute;
		top: 10px;
		left: 50% !important;
		transform: translateX(-50%) !important;
		width: 15px;
		height: 15px;
	}
	.el-slider__runway {
		position: absolute;
		height: 50px !important;
		left: 51%;

		transform: translateX(-50%);
		margin: 0 !important;
		background-color: #ffffff35;
	}
	.el-slider__bar {
		background-color: #bbbbbb;
	}
}

.c-table {
	background-color: transparent !important;
}
.c-table .t-head {
	width: 100%;
	background-color: transparent;
	// background-color: rgba(14, 64, 105, 0.3);
	background-image: url(@img/global/table-head.png);
	background-size: 101.5% 100%;
	background-position-x: center;
	border: none !important;
	height: 120px;
}
.c-table .t-head .t-head-cell {
	border: none !important;
	padding: 0;
	background-color: transparent;
	color: #9fedff;
	text-align: center;
	font-size: 32px;
}
.c-table .t-head .t-head-cell .cell {
	padding: 0;
	height: 120px;
	line-height: 120px;
}
.c-table .t-body-cell {
	// border: none !important;
	padding: 0 !important;
	background-color: transparent !important;
	color: #fff;
	border-color: rgba(13, 72, 140, 0.7) !important;
}
.c-table .t-body-cell .cell {
	white-space: nowrap !important;
	overflow: hidden;
	padding: 0;
	text-overflow: ellipsis;
	text-align: center;
	line-height: 30px;
	font-size: 32px;
}
.c-table .t-body-row:hover {
	background-color: rgba(255, 255, 255, 0.1) !important;
}
.c-table .t-body-row {
	background-color: rgba(14, 64, 105, 0);
	height: 120px;
}
.c-table .el-table__body {
	border-spacing: 0px 0px;
}
.el-table__inner-wrapper::before {
	display: none;
}

.c-pagination {
	margin-top: 10px;
	justify-content: end;
	.el-pagination__total {
		font-size: 32px;
		// color: #a4bace;
		color: #fff;
	}
	.number,
	.btn-prev,
	.btn-next,
	.more {
		background-color: rgba(37, 141, 249, 0.1) !important;
		border: 2px solid #40b3ffbb;
		color: #a4bace;
		width: 66px;
		height: 66px;
		font-size: 32px;
		margin: 0 11px;
		.el-icon {
			font-size: 20px !important;
		}
		&.is-active {
			color: #fff;
			background-color: #40b4ff !important;
		}
	}
	.el-pagination__sizes {
		width: 200px;
	}
	.el-select__wrapper {
		background-color: rgba(37, 141, 249, 0.1) !important;
		// height: 66px;
		font-size: 32px;
		width: 100px;
		.el-select__selected-item {
			height: 50px;
			line-height: 50px;
		}
	}
	.el-select-dropdown__item {
		font-size: 30px;
		height: 50px;
		line-height: 50px;
	}
	.el-select-dropdown__item.is-hovering {
		background-color: rgba(255, 255, 255, 0.1) !important;
		color: #fff !important;
	}
	.is-selected {
		color: #40b4ff !important;
	}
	border-color: #6cdeba2d !important;
	.el-popper__arrow::before {
		background-color: rgba(3, 37, 61, 1) !important;
		border-color: #6cdeba2d !important;
	}
	.c-popper {
		background-color: rgba(37, 141, 249, 0.1) !important;
		border: none !important;
	}
}
.el-table__empty-text {
	// font-size: 40px;
}

.right-menu-item-popper {
	// transform: translateX(-20%);
	left: 50% !important;
	transform: translateX(-50%) !important;
	.el-dropdown-menu__item {
		//font-size: 30px !important;
		//margin: 20px 0;
	}
	.el-popper__arrow {
		left: 50% !important;
		transform: translateX(-50%);
	}
}
.el-form-item__error {
	font-size: 20px !important;
}

.is-loading:before {
	background-color: transparent !important;
}
